/*
  backgrid-filter
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/

/*
  Search Icon CSS derived from:

  PURE CSS GUI ICONS
  by Nicolas Gallagher
  - http://nicolasgallagher.com/pure-css-gui-icons/

  http://nicolasgallagher.com
  http://twitter.com/necolas

  Created: 29 July 2010
  Version: 1.0.1

  Dual licensed under MIT and GNU GPLv2 (c) Nicolas Gallagher
*/

.backgrid-filter.form-search {
  height: 30px;
}

.backgrid-filter .search {
  position: relative;
  z-index: 1000;
  width: 10px;
  height: 30px;
  margin-right: -10px;
}

.backgrid-filter .search:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  background: transparent;
  border: 3px solid gray;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
  content: "";
}

.backgrid-filter .search:after {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 3px;
  height: 7px;
  margin-top: 2px;
  background-color: gray;
  content: "";
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*
  Clear button
 */

.backgrid-filter .clear {
  z-index: 1000;
  margin-left: -18px;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  color: gray;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

/*
  Normalize the search input box, with code borrowed from normalize.css.

  https://github.com/necolas/normalize.css/

  Copyright (c) Nicolas Gallagher and Jonathan Neal, MIT @license.
 */

/*
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
 */

.backgrid-filter input {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
}

/*
 * Re-set default cursor for disabled elements.
 */

.backgrid-filter input[disabled] {
  cursor: default;
}

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

.backgrid-filter input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

.backgrid-filter input[type="search"]::-webkit-search-cancel-button,
.backgrid-filter input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Remove inner padding and border in Firefox 4+.
 */

.backgrid-filter input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.backgrid-filter input[type="search"] {
  padding-right: 18px;
  padding-left: 22px;
}